<div data-page="<{$pageName}>" class="page subject_index">
    <div class="page-content">
        <div class="course_info_top">
            <div class="container">
                <div class="course_cover  pull-left"> <img src="__Img__/<{$data.att_img}>">
                    <!--<a href="/lesson/ncre_651609/free/ncre" target="_blank" class="course_front " title="试听课程">试听课程</a>-->
                </div>
                <div class="course_info pull-left  pos_rel" style="margin-top:25px; height:340px">
                    <div class="f24 clearfix">
                        <{$data.atttitle}>
                    </div>
                    <a target="_blank" href="<{$data['attpath']}>"  onclick="down()" class="btn  btn-info border-radius-none btn-lg col-md-4" style="position:absolute;bottom:10px">
                        <{$data[ 'attpath']? '立刻下载': '暂无资源'}>
                    </a>
                </div>
            </div>
        </div>
        <div class="container" id="subject_detail_body">
            <div style="height:60px">
                <div class="sortlist clearfix  stuckMenu container" id="introNav" style="z-index:1000; padding-top:20px; background-color:#fff; position:fixed">
                    <ul class="nav clearfix  pull-left">
                        <li class="active"><a onclick="return showTab(this)" _href="#introBrief" href="javascript:">安装</a></li>
                        <li class=""><a onclick="return showTab(this)" _href="#introLesson" href="javascript:">激活</a></li>
                    </ul>
                    <div class="stuck-right pull-right">
                        <a  target="_blank" href="<{$data['attpath']}>" onclick="down()" style="margin-top:-5px" class="btn  btn-info border-radius-none">
                            <{$data[ 'attpath']? '立刻下载': '暂无资源'}>
                        </a>
                    </div>
                </div>
            </div>
            <style>
            .guide-step {
                padding: 45px 0 0 35px;
                border-left: 2px dotted #e4e4e4;
                position: relative;
                margin-left: 16px;
            }
            
            .step-icon {
                display: inline-block;
                background-color: #68c04a;
                left: -15px;
                top: 38px;
                color: #fff;
                height: 32px;
                width: 32px;
                text-align: center;
                line-height: 32px;
                border-radius: 50%;
                position: absolute;
            }
            
            .detail_content {
                min-height: 500px;
            }
            </style>
            <div style="padding-top:10px;">
                <div class="detail_content" id="introBrief">
                    <{$data.attext}>
                </div>
                <div class="detail_content" id="introLesson">
                    <{$data.active_text}>
                </div>
            </div>
        </div>
    </div>
    <include file="Public:footer" />
    <script type="text/javascript">
    function showTab(_this) {
        var id = $(_this).attr("_href");
        var h = $(id).offset().top - 110;
        $("body").animate({
            scrollTop: h + 'px'
        }, 800);
    }
    </script>
    <div class="modal fade" id="modal_video" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">视频播放</h4>
                </div>
                <div class="modal-body">
                    <div id="videoPlayer"></div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" charset="utf-8" src="http://cdn.aodianyun.com/lss/ckplayer/player.js"></script>
    <script>
    //var down_type="<{$data['attpath']?'down':'play'}>";
    function down() {
        <if condition="$data['attpath']">
        $.get("/Index/down_user", {
            id: "<{$data['attid']}>"
        });
        //window.location.href = "<{$data['attpath']}>";
         </if>
    }

    function _open_video() {
        var url = '<{$data.video_url}>'; //视频地址
        var image = '__Img__/<{$data.att_img}>'; //封面图片
        var w = "560"; //视频宽度
        var h = "368"; //视频高度
        var flashvars = {
            f: 'http://cdn.aodianyun.com/lss/ckplayer/m3u8.swf',
            a: url,
            c: 0,
            s: 4,
            i: image,
            lv: 0
        };
        var params = {
            bgcolor: '#FFF',
            allowFullScreen: true,
            allowScriptAccess: 'always',
            wmode: 'transparent'
        };
        var video = [url];
        CKobject.embed('http://cdn.aodianyun.com/lss/ckplayer/ckplayer.swf', 'videoPlayer', 'ckplayerFlashBox', w, h, false, flashvars, video, params);

        $("#modal_video").modal("show");
    }
    </script>
</div>
